﻿<section id="searchPage">
    <fieldset>
        <legend>
            <h2>Търси превоз: </h2>
        </legend>

        <label for="searchFrom">От: </label>
        <select name="City" id="searchFrom">
            <option value="0" selected>Изберете</option>
            <option value="Sofia">София</option>
            <option value="Plovdiv">Пловдив</option>
            <option value="Varna">Варна</option>
            <option value="Stara Zagora">Стара Загора</option>
            <option value="Rousse">Русе</option>
            <option value="Pleven">Плевен</option>
            <option value="Bourgas">Бургас</option>
        </select>

        <label for="searchTo">До: </label>
        <select name="City" id="searchTo">
            <option value="0" selected>Изберете</option>
            <option value="Sofia">София</option>
            <option value="Plovdiv">Пловдив</option>
            <option value="Varna">Варна</option>
            <option value="Stara Zagora">Стара Загора</option>
            <option value="Rousse">Русе</option>
            <option value="Pleven">Плевен</option>
            <option value="Bourgas">Бургас</option>
        </select>

        <!-- Take datePicker from knockout JS -->
        <label for="date-time-picker-search">Дата и час на тръгване: </label>
        <input type="text" id="date-time-picker-search" />

    </fieldset>

    <input type="button" value="Търси" class="k-button" />

</section>
<script>
    $('input[type="button"]').bind('click', function () {
        sendSearchRequest(true);

    });
    //$(function () {
    //    $("#date-time-picker-search").datepicker();
    //});
    jQuery(document).ready(function () {
        // create DateTimePicker from input HTML element
        $("#date-time-picker-search").kendoDatePicker({
            value: new Date(),
            culture: "bg-BG",
            format: "dd/MM/yyyy"
        });
    });
</script>
